<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<!DOCTYPE html>

<html lang="en"> 
<head>
    <title>设备报修 - 首页</title>

    <!-- Meta -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <!-- Web Fonts -->
    <link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600&amp;subset=cyrillic,latin'>

    <!-- CSS Global Compulsory -->
    <link rel="stylesheet" href="${pageContext.request.contextPath }/assets/plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/assets/css/style.css">

    <!-- CSS Header and Footer -->
    <link rel="stylesheet" href="${pageContext.request.contextPath }/assets/css/headers/header-default.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/assets/css/footers/footer-v1.css">

    <!-- CSS Implementing Plugins -->
    <link rel="stylesheet" href="${pageContext.request.contextPath }/assets/plugins/animate.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/assets/plugins/line-icons/line-icons.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/assets/plugins/font-awesome/css/font-awesome.min.css">
	<link rel="stylesheet" href="${pageContext.request.contextPath }/assets/plugins/flexslider/flexslider.css">
	<link rel="stylesheet" href="${pageContext.request.contextPath }/assets/plugins/flexslider/flexslider.css">     
    <link rel="stylesheet" href="${pageContext.request.contextPath }/assets/plugins/bxslider/jquery.bxslider.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/assets/plugins/fancybox/source/jquery.fancybox.css"> 
    <link rel="stylesheet" href="${pageContext.request.contextPath }/assets/plugins/revolution-slider/rs-plugin/css/settings.css" type="text/css" media="screen">
    
    <!-- CSS Pages Style -->    
    <link rel="stylesheet" href="assets/css/pages/page_one.css">
    

    <!-- CSS Theme -->    
    <link rel="stylesheet" href="assets/css/theme-colors/default.css" id="style_color">
    <link rel="stylesheet" href="assets/css/theme-skins/dark.css">

    <!-- CSS Customization -->
    <link rel="stylesheet" href="assets/css/custom.css">

	<!-- 自己的css -->
	<link rel="stylesheet" href="my-css/base.css">
</head> 

<body class="header-fixed">


<div class="wrapper">    
	
    <!--=== Header ===-->    
    <jsp:include page="header.jsp" flush="true"/>
    <!--=== End Header ===-->

    <!--=== Slider ===-->
    <div class="tp-banner-container">
        <div class="tp-banner">
            <ul>
                <!-- SLIDE -->
                <li class="revolution-mch-1" data-transition="fade" data-slotamount="5" data-masterspeed="1000" data-title="Slide 1">
                    <!-- MAIN IMAGE -->
                    <img src="assets/img/slider1.jpg"  alt="darkblurbg"  data-bgfit="cover" data-bgposition="center center" data-bgrepeat="no-repeat">

                    <!-- LAYER -->                    
                    <div class="tp-caption re-title-v1 sft start"
                        data-x="center"
                        data-hoffset="0"
                        data-y="100"
                        data-speed="1500"
                        data-start="500"
                        data-easing="Back.easeInOut"
                        data-endeasing="Power1.easeIn"                        
                        data-endspeed="300">
                        设备报修售后服务
                    </div>
                    <!-- END LAYER -->                    

                    <!-- LAYER -->
                    <div class="tp-caption re-text-v1 sft"
                        data-x="center"
                        data-hoffset="0"
                        data-y="200"
                        data-speed="1400"
                        data-start="2000"
                        data-easing="Power4.easeOut"
                        data-endspeed="300"
                        data-endeasing="Power1.easeIn"
                        data-captionhidden="off"
                        style="z-index: 6">
						提高售后服务质量，提升客户满意程度。欢迎登录设备报修售后服务系统<br>
						服务只有更好，没有最好；满意只有起点，没有终点
						
                    </div>
                    <!-- END LAYER -->                    

                    <!-- LAYER -->
                    <div class="tp-caption sft"
                        data-x="center"
                        data-hoffset="0"
                        data-y="320"
                        data-speed="1600"
                        data-start="2800"
                        data-easing="Power4.easeOut"
                        data-endspeed="300"
                        data-endeasing="Power1.easeIn"
                        data-captionhidden="off"
                        style="z-index: 6">
                        <div id="loginBtn">
                        <a href="login.jsp" class="btn-u btn-u-blue btn-u-lg">登录</a>
                        </div>
                    </div>
                    <!-- END LAYER -->                    
                </li>
                <!-- END SLIDE -->
 
                
            </ul>
            <div class="tp-bannertimer tp-bottom"></div>            
        </div>
    </div>
    <!--=== End Slider ===-->

     

    <!--=== Footer Version 1 ===-->
    <jsp:include page="footer.jsp" flush="true"/>
    <!--=== End Footer Version 1 ===-->
</div><!--/wrapper-->


<!-- JS Global Compulsory -->           
<script type="text/javascript" src="${pageContext.request.contextPath }/assets/plugins/jquery/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/assets/plugins/jquery/jquery-migrate.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/assets/plugins/bootstrap/js/bootstrap.min.js"></script> 
<script type="text/javascript" src="${pageContext.request.contextPath }/assets/plugins/jquery/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<!-- JS Implementing Plugins -->
<script type="text/javascript" src="${pageContext.request.contextPath }/assets/plugins/back-to-top.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/assets/plugins/smoothScroll.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/assets/plugins/jquery.parallax.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/assets/plugins/counter/waypoints.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/assets/plugins/counter/jquery.counterup.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/assets/plugins/flexslider/jquery.flexslider-min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/assets/plugins/fancybox/source/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/assets/plugins/revolution-slider/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/assets/plugins/revolution-slider/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
<!-- JS Customization -->
<script type="text/javascript" src="${pageContext.request.contextPath }/assets/js/custom.js"></script>
<!-- JS Page Level -->           
<script type="text/javascript" src="${pageContext.request.contextPath }/assets/js/app.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/assets/js/plugins/style-switcher.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/assets/js/plugins/revolution-slider.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/assets/js/plugins/fancy-box.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function() {
        App.init();
        App.initCounter();
        App.initParallaxBg();
		FancyBox.initFancybox();
        StyleSwitcher.initStyleSwitcher();        
        RevolutionSlider.initRSfullScreenOffset();
    });
</script>


<!--自己的js-->
<script src="${pageContext.request.contextPath }/my-js/common.js"></script>
<script src="${pageContext.request.contextPath }/my-js/index.js"></script>



</body>
</html> 